.record {
  // width: 100%;
  height: 100vh;
  background-color: #F4F4F4;
  padding: 0 35rpx 0;
  display: table;

  .search {
    margin-top: 60rpx;
    width: 680rpx;
    height: 66rpx;
    background: #F4F4F4;
    border-radius: 33rpx;
    background-color: #fff;
    display: flex;

    font-size: 28px;
    font-family: PingFangSC;
    font-weight: 300;
    position: relative;

    image {
      width: 30rpx;
      height: 30rpx;
      margin: 18rpx;
    }

    input {
      height: 66rpx;
    }
  }

  .screen {
    display: flex;
    margin-top: 20rpx;

    .select {
      width: 33%;

      font-size: 24rpx;
      font-family: PingFangSC;
      font-weight: 500;
      color: #9A9A9A;

      .select-option {
        height: 60rpx;
        line-height: 60rpx;
      }
    }
  }

  .writeoff {
    min-height: 300rpx;
    background-color: #fff;
    margin-top: 30rpx;
    padding: 40rpx 46rpx;


    &-title {

      font-size: 36rpx;
      font-family: SourceHanSansCN;
      font-weight: 500;
      color: #E95513;
      padding-bottom: 20rpx;
      border-bottom: 2px solid #DDDDDD;
    }
  }
}
